﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="PP.aspx.cs" Inherits="IMPPFront.PP" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript">
        var initTree = function (tree, hidden) {
             tree = Ext.getCmp(tree);
             hidden = Ext.getCmp(hidden);
             var nodes = eval(hidden.value);
             if (nodes.length > 0)
                tree.initChildren(nodes);
             else
                tree.getRootNode().removeChildren();
        }
  </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<ext:Panel ID="PersPlanPanel" runat="server" AutoScroll="true" Border="false" Layout="FitLayout">
        <Items>
            <ext:VBoxLayout runat="server" ID="MainVBoxLayout">
                <Content>
                        <ext:Image runat="server" ImageUrl="~/Images/LogoHH.png" Width="192" />
                        <ext:Panel runat="server" Margins="10 10 10 10">
                            <Items>
                                <ext:Toolbar ID="Toolbar1" runat="server">
                                    <Items>
                                        <ext:Button ID="btnMedewerkers" runat="server" Text="Medewerkers" NavigateUrl="Persons.aspx" />
                                    </Items>
                                </ext:Toolbar>
                            </Items>
                        </ext:Panel>
                    
                        <ext:Panel ID="MedewerkerDetailsPanel" runat="server" Title="Details over medewerker" Frame="true" PaddingSummary="10px 20px" Margins="5 5 5 5">
                            <Items>
                                <ext:FormPanel ID="FormPanel1" runat="server">
                                    <Items>
                                        <ext:DisplayField ID="lblNaam" runat="server" FieldLabel="Naam" />
                                        <ext:DisplayField ID="lblMiddelendomein" runat="server" FieldLabel="Middelendomein" />
                                        <ext:DisplayField ID="lblPrestatieBreuk" runat="server" FieldLabel="Prestatiebreuk" />
                                        <ext:DisplayField ID="lblPeriode" runat="server" FieldLabel="Periode" />
                                    </Items>
                                </ext:FormPanel>
                            </Items>
                        </ext:Panel>
                    
                        <ext:TabPanel runat="server" Height="550" Margins="10 0 0 0">
                            <Items>
                                <ext:Panel ID="PFKPanel" Layout="RowLayout" runat="server" Title="PFK" Frame="true" AutoScroll="true" Border="false">
                                    <Items>
                                        <ext:Container ID="RootContainer" runat="server" Layout="VBoxLayout" Height="500">
                                            <LayoutConfig>
                                                <ext:VBoxLayoutConfig Align="Stretch" />
                                            </LayoutConfig>
                                            <Items>
                                                <ext:Container ID="RollenContainer" runat="server" Layout="HBoxLayout" Flex="1">
                                                    <LayoutConfig>
                                                        <ext:HBoxLayoutConfig Align="Stretch" />
                                                    </LayoutConfig>
                                                    <Items>
                                                            <ext:GridPanel ID="FunctieRollenPanel" runat="server" Title="Functierollen" Frame="true" Flex="1"  AutoExpandColumn="Name" Margins="5 5 5 5">
                                                                <LoadMask ShowMask="true" />
                                                                <Store>
                                                                    <ext:Store ID="FunctieRollenStore" runat="server">
                                                                        
                                                                        <Reader>
                                                                            <ext:JsonReader IDProperty="idFunctieRol">
                                                                                <Fields>
                                                                                    <ext:RecordField Name="idFunctieRol" />
                                                                                    <ext:RecordField Name="Name" />
                                                                                    <ext:RecordField Name="FunctieFamilie" />
                                                                                    <ext:RecordField Name="Kader" />
                                                                                    <ext:RecordField Name="FunctieNiveau" />
                                                                                </Fields>
                                                                            </ext:JsonReader>
                                                                        </Reader>
                                                                    </ext:Store>
                                                                </Store>
                                                                <ColumnModel>
                                                                    <Columns>
                                                                        <ext:Column Header="Id" DataIndex="idFunctieRol" />
                                                                        <ext:Column Header="Rol" DataIndex="Name" Width="200" />
                                                                        <ext:Column Header="Functie Familie" DataIndex="FunctieFamilie" />
                                                                        <ext:Column Header="Kader" DataIndex="Kader" />
                                                                        <ext:Column Header="FunctieNiveau" DataIndex="FunctieNiveau" />
                                                                    </Columns>
                                                                </ColumnModel>
                                                                <SelectionModel>
                                                                    <ext:RowSelectionModel ID="FunctieRollenRowSelectionModel" runat="server" SingleSelect="true" />
                                                                </SelectionModel>
                                                                <Buttons>
                                                                    <ext:Button ID="SelectButton" runat="server" Text="Selecteer">
                                                                        <DirectEvents>
                                                                            <Click OnEvent="FunctieRol_Select">
                                                                                <EventMask ShowMask="true" Msg="Verwerken..." />
                                                                            </Click>
                                                                         </DirectEvents>
                                                                    </ext:Button>
                                                                </Buttons>
                                                            </ext:GridPanel>
                                                            <ext:GridPanel ID="AanvullendeFunctieRollenPanel" runat="server" Title="Aanvullende Functierollen" Frame="true" Flex="1"  AutoExpandColumn="Description" Margins="5 5 5 5">
                                                                <LoadMask ShowMask="true" />
                                                                <Store>
                                                                    <ext:Store ID="AanvullendeFunctieRollenStore" runat="server">
                                                                        
                                                                        <Reader>
                                                                            <ext:JsonReader IDProperty="idAanvullendeFunctieRol">
                                                                                <Fields>
                                                                                    <ext:RecordField Name="Description" />
                                                                                </Fields>
                                                                            </ext:JsonReader>
                                                                        </Reader>
                                                                    </ext:Store>
                                                                </Store>
                                                                <ColumnModel>
                                                                    <Columns>
                                                                        <ext:Column Header="Rol" DataIndex="Description" Width="200" />
                                                                    </Columns>
                                                                </ColumnModel>
                                                                <SelectionModel>
                                                                    <ext:RowSelectionModel ID="RowSelectionModel2" runat="server" />
                                                                </SelectionModel>
                                                            </ext:GridPanel>
                                                            </Items>
                                                        </ext:Container>
                                                            
                                                            <ext:TreePanel runat="server" ID="KernresultatenTreePanel" Title="Kernresultaten" Frame="true" Flex="1" AutoScroll="true" Margins="5 5 5 5" />
                                                                                                                                                        
                                                        <ext:Container runat="server" ID="CompetentiesContainer" Flex="1" Layout="HBoxLayout" >
                                                            <LayoutConfig>
                                                                <ext:HBoxLayoutConfig Align="Stretch" />
                                                            </LayoutConfig>
                                                            <Items>
                                                            <ext:GridPanel ID="TechnischeCompPanel" runat="server" Title="Technische Competenties" Frame="true" Flex="1" AutoExpandColumn="Name" Margins="5 5 5 5">
                                                                        <LoadMask ShowMask="true" />
                                                                        <Store>
                                                                            <ext:Store ID="TechnischeCompStore" runat="server">
                                                                                
                                                                                <Reader>
                                                                                    <ext:JsonReader IDProperty="Description">
                                                                                        <Fields>
                                                                                            <ext:RecordField Name="Name" />
                                                                                            <ext:RecordField Name="Level" />
                                                                                        </Fields>
                                                                                    </ext:JsonReader>
                                                                                </Reader>
                                                                            </ext:Store>
                                                                        </Store>
                                                                        <ColumnModel>
                                                                            <Columns>
                                                                                <ext:Column Header="Competentie" DataIndex="Name" />
                                                                                <ext:RatingColumn Header="Niveau" DataIndex="Level" MaxRating="3" />
                                                                            </Columns>
                                                                        </ColumnModel>
                                                                        <SelectionModel>
                                                                            <ext:RowSelectionModel ID="RowSelectionModel3" runat="server" />
                                                                        </SelectionModel>
                                                                    </ext:GridPanel>
                                                                    <ext:GridPanel ID="GedragsCompPanel" runat="server" Margins="5 5 5 5" Title="Gedragscompetenties" Frame="true" Flex="1" AutoExpandColumn="Name">
                                                                        <LoadMask ShowMask="true" />
                                                                        <Store>
                                                                            <ext:Store ID="GedragsCompStore" runat="server">
                                                                                
                                                                                <Reader>
                                                                                    <ext:JsonReader IDProperty="Description">
                                                                                        <Fields>
                                                                                            <ext:RecordField Name="Name" />
                                                                                            <ext:RecordField Name="Level" />
                                                                                        </Fields>
                                                                                    </ext:JsonReader>
                                                                                </Reader>
                                                                            </ext:Store>
                                                                        </Store>
                                                                        <ColumnModel>
                                                                            <Columns>
                                                                                <ext:Column Header="Competentie" DataIndex="Name" />
                                                                                <ext:RatingColumn Header="Niveau" DataIndex="Level" MaxRating="3" />
                                                                            </Columns>
                                                                        </ColumnModel>
                                                                        <SelectionModel>
                                                                            <ext:RowSelectionModel ID="RowSelectionModel4" runat="server" />
                                                                        </SelectionModel>
                                                                    </ext:GridPanel>
                                                                    </Items>
                                                                </ext:Container>
                                                 </Items>           
                                        </ext:Container>
                                    </Items>
                                </ext:Panel>
                                <ext:Panel ID="POPPanel" runat="server" Title="POP" Frame="true" AutoHeight="false" Border="false" PaddingSummary="10px 20px">
                                        <Items>
                                            <ext:Label runat="server" ID="lblNaamPOP" />
                                            <ext:Label runat="server" Text="Dit is de POP, in ontwikkeling." />
                                        </Items>
                                </ext:Panel>
                                <ext:Panel ID="PAPPanel" runat="server" Title="PAP" Frame="true" AutoHeight="false" Border="false" PaddingSummary="10px 20px">
                                         <Items>
                                            <ext:Label runat="server" ID="lblNaamPAP" />
                                            
                                            <ext:Label runat="server" Text="Dit is de PAP, in ontwikkeling." />
                                        </Items>   
                                </ext:Panel>
                            </Items>
                        </ext:TabPanel>
                    </Content>
            </ext:VBoxLayout>
        </Items>                        
    </ext:Panel>

</asp:Content>
